.basic-layout {
  height: 100vh;
  &--sider {
    position: relative;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
    background-color: @bg;
    min-height: 400px;
  }
  &--logo {
    display: flex;
    width: 200px;
    justify-content: center;
    align-items: center;
  }
  &--header {
    z-index: 1000;
    height: 56px; // 2.1.6
    line-height: 56px; // 2.1.6
    padding: 0;
    background: @primary-color;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .right-box {
      display: flex;
      .right-item {
        display: flex;
        padding: 0 8px;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff;
      }
    }
  }

  &--content {
    height: calc(100vh - 56px);
    padding: 20px;
    box-sizing: border-box;
    min-height: 400px;
    background: #F5F5FA;
    overflow-y: scroll;
  }

  &--footer {
    padding: 0;
  }
}

// menu
.sider-menu {
  position: relative;
  height: 100%;
  overflow: auto;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
}

// avatar
.as-avatar {
  display: inline-block;

  .ant-dropdown-link {
    display: block;
    min-height: 48px;
    cursor: pointer;
  }
}
